<!--
此文件为开发者工具生成，生成时间: 2025/10/25上午11:34:50
使用方法：
在 D:\zhao\zhao-读书会JAVA\读书会小程序\unpackage\dist\dev\mp-weixin\pages\index\index.wxml 引入模板

```
<import src="index.skeleton.wxml"/>
<template is="skeleton" wx:if="{{loading}}" />
```

在 D:\zhao\zhao-读书会JAVA\读书会小程序\unpackage\dist\dev\mp-weixin\pages\index\index.wxss 中引入样式
```
@import "./index.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
-->
<template name="skeleton">
	<view class="sk-container">
		<view class="content content">
			<view class="top top">
				<image class="bcg sk-image" mode="true"></image>
				<view class="navbar navbar" style="top: 44px">
					<view class="navbar_l navbar_l flex_jc_sb flex_jc_sb">
						<view is="uni_modules/uni-icons/components/uni-icons/uni-icons">
							<text
								class="uni-icons icons--uni-icons uniui-location-filled icons--uniui-location-filled sk-pseudo sk-pseudo-circle"
								style="color: #75613e; font-size: 24px"
							></text>
						</view>
						<view class="text sk-transparent sk-text-14-2857-59 sk-text">西安市</view>
						<image class="down sk-image" mode="true"></image>
					</view>
					<view class="navbar_r navbar_r flex_jc_cent flex_jc_cent">
						<image mode="true" class="sk-image"></image>
					</view>
				</view>
				<view class="block_1 block_1" style="top: 44px">
					<view class="title sk-transparent sk-text-14-2857-160 sk-text">推荐活动</view>
					<view class="scroll-container scroll-container">
						<scroll-view class="horizontal-scroll horizontal-scroll" scroll-x="true" show-scrollbar="true">
							<view class="scroll-content scroll-content">
								<view class="scroll-item scroll-item">
									<image class="itembcg sk-image" lazy-load="true" mode="aspectFill"></image>
									<view class="itemads itemads">
										<view class="tit sk-transparent sk-text-0-0000-494 sk-text">萨顶顶的点点滴滴滴答滴答</view>
										<view class="tip tip flex flex">
											<view class="t1 sk-transparent sk-text-18-7500-351 sk-text">悦读相伴</view>
											<view class="t2 sk-transparent sk-text-14-2857-15 sk-text">线下</view>
										</view>
										<view class="ttt flex sk-transparent">
											<image mode="true" class="sk-image"></image>
											10/10 周六 14:00
										</view>
										<view class="ttt ttt flex flex">
											<image mode="true" class="sk-image"></image>
											<view class="ts sk-transparent sk-text-0-0000-428 sk-text">阿诗丹顿的点点滴滴哒哒哒哒哒哒哒哒哒多大</view>
										</view>
									</view>
								</view>
								<view class="scroll-item scroll-item">
									<image class="itembcg sk-image" lazy-load="true" mode="aspectFill"></image>
									<view class="itemads itemads">
										<view class="tit sk-transparent sk-text-0-0000-45 sk-text">萨顶顶的点点滴滴滴答滴答</view>
										<view class="tip tip flex flex">
											<view class="t1 sk-transparent sk-text-18-7500-403 sk-text">悦读相伴</view>
											<view class="t2 sk-transparent sk-text-14-2857-10 sk-text">线下</view>
										</view>
										<view class="ttt flex sk-transparent">
											<image mode="true" class="sk-image"></image>
											10/10 周六 14:00
										</view>
										<view class="ttt ttt flex flex">
											<image mode="true" class="sk-image"></image>
											<view class="ts sk-transparent sk-text-0-0000-910 sk-text">阿诗丹顿的点点滴滴哒哒哒哒哒哒哒哒哒多大</view>
										</view>
									</view>
								</view>
								<view class="scroll-item scroll-item">
									<image class="itembcg sk-image" lazy-load="true" mode="aspectFill"></image>
									<view class="itemads itemads">
										<view class="tit sk-transparent sk-text-0-0000-918 sk-text">萨顶顶的点点滴滴滴答滴答</view>
										<view class="tip tip flex flex">
											<view class="t1 sk-transparent sk-text-18-7500-801 sk-text">悦读相伴</view>
										</view>
										<view class="ttt flex sk-transparent">
											<image mode="true" class="sk-image"></image>
											10/10 周六 14:00
										</view>
										<view class="ttt ttt flex flex">
											<image mode="true" class="sk-image"></image>
										</view>
									</view>
								</view>
							</view>
						</scroll-view>
					</view>
				</view>
			</view>
			<view class="block_2 block_2">
				<view class="tit_flex tit_flex flex_jc_sb flex_jc_sb">
					<view class="title sk-transparent sk-text-14-2857-135 sk-text">历史活动</view>
					<view class="rig flex sk-transparent">
						查看更多
						<view is="uni_modules/uni-icons/components/uni-icons/uni-icons">
							<text class="uni-icons icons--uni-icons uniui-right icons--uniui-right sk-pseudo sk-pseudo-circle" style="color: #75613e; font-size: 16px"></text>
						</view>
					</view>
				</view>
				<view class="text_block text_block flex_jc_cent flex_jc_cent">
					<view>
						<view class="sk-transparent">
							Hi，今天是「稻浪同歌」成立第
							<text class="sk-transparent sk-text-14-2857-16 sk-text" style="background-position-x: 50%">999</text>
							天
						</view>
						<view class="sk-transparent">
							我们已经举办
							<text class="sk-transparent sk-text-14-2857-592 sk-text" style="background-position-x: 50%">2666</text>
							场活动，谢谢你
							<image mode="true" class="sk-image"></image>
						</view>
					</view>
				</view>
				<view class="item item">
					<image mode="true" class="sk-image"></image>
					<view class="itemads itemads">
						<view class="t_time t_time flex flex">
							<view class="t1 sk-transparent sk-text-14-2857-156 sk-text" style="background-position-x: 50%">2025 10.10</view>
							<view class="t t"></view>
							<view class="t2 sk-transparent sk-text-14-2857-334 sk-text">周六 14:00</view>
						</view>
						<view class="b_1 sk-transparent sk-text-14-2857-545 sk-text">极限飞盘！一起去露营吧！</view>
						<view class="b_2 flex sk-transparent">
							<image mode="true" class="sk-image"></image>
							东城区Cococean环贸中心源昌茶馆2楼
						</view>
					</view>
				</view>
			</view>
			<view class="b_button sk-transparent sk-text-14-2857-523 sk-text" style="background-position-x: 50%">查看更多历史活动</view>
			<view class="uv-tabbar tabbar--uv-tabbar data-v-cae58123 tabbar--data-v-cae58123">
				<view
					class="uv-tabbar__content tabbar--uv-tabbar__content data-v-cae58123 tabbar--data-v-cae58123 uv-border-top tabbar--uv-border-top uv-tabbar--fixed tabbar--uv-tabbar--fixed"
					style="z-index: 999"
				>
					<view class="uv-tabbar__content__item-wrapper tabbar--uv-tabbar__content__item-wrapper data-v-cae58123 tabbar--data-v-cae58123">
						<view class="uv-tabbar-item item--uv-tabbar-item data-v-f9097980 item--data-v-f9097980" style="true">
							<view class="uv-tabbar-item__icon item--uv-tabbar-item__icon data-v-f9097980 item--data-v-f9097980">
								<image class="icon tabbar--icon data-v-cae58123 tabbar--data-v-cae58123 sk-image"></image>
							</view>
							<text
								class="uv-tabbar-item__text item--uv-tabbar-item__text data-v-f9097980 item--data-v-f9097980 sk-transparent sk-text-14-2857-700 sk-text"
								style="color: #b19561"
							>
								首页
							</text>
						</view>
						<view class="uv-tabbar-item item--uv-tabbar-item data-v-f9097980 item--data-v-f9097980" style="true">
							<view class="uv-tabbar-item__icon item--uv-tabbar-item__icon data-v-f9097980 item--data-v-f9097980">
								<image class="icon tabbar--icon data-v-cae58123 tabbar--data-v-cae58123 sk-image"></image>
							</view>
							<text
								class="uv-tabbar-item__text item--uv-tabbar-item__text data-v-f9097980 item--data-v-f9097980 sk-transparent sk-text-14-2857-440 sk-text"
								style="color: #d1d1d6"
							>
								活动
							</text>
						</view>
						<view class="uv-tabbar-item item--uv-tabbar-item data-v-f9097980 item--data-v-f9097980" style="true">
							<view class="uv-tabbar-item__icon item--uv-tabbar-item__icon data-v-f9097980 item--data-v-f9097980">
								<image class="icon tabbar--icon data-v-cae58123 tabbar--data-v-cae58123 sk-image"></image>
							</view>
							<text
								class="uv-tabbar-item__text item--uv-tabbar-item__text data-v-f9097980 item--data-v-f9097980 sk-transparent sk-text-14-2857-913 sk-text"
								style="color: #d1d1d6"
							>
								社区
							</text>
						</view>
						<view class="uv-tabbar-item item--uv-tabbar-item data-v-f9097980 item--data-v-f9097980" style="true">
							<view class="uv-tabbar-item__icon item--uv-tabbar-item__icon data-v-f9097980 item--data-v-f9097980">
								<image class="icon tabbar--icon data-v-cae58123 tabbar--data-v-cae58123 sk-image"></image>
							</view>
							<text
								class="uv-tabbar-item__text item--uv-tabbar-item__text data-v-f9097980 item--data-v-f9097980 sk-transparent sk-text-14-2857-670 sk-text"
								style="color: #d1d1d6"
							>
								我的
							</text>
						</view>
					</view>
					<view
						class="uv-safe-bottom bottom--uv-safe-bottom data-v-560f16b2 bottom--data-v-560f16b2 uv-safe-area-inset-bottom bottom--uv-safe-area-inset-bottom"
						style="true"
					></view>
				</view>
				<view class="uv-tabbar__placeholder tabbar--uv-tabbar__placeholder data-v-cae58123 tabbar--data-v-cae58123" style="height: 84px"></view>
			</view>
		</view>
	</view>
</template>
<style>
/*
	此文件为开发者工具生成，生成时间: 2025/10/25上午11:34:50
	
	在 D:\zhao\zhao-读书会JAVA\读书会小程序\unpackage\dist\dev\mp-weixin\pages\index\index.wxss 中引入样式
	```
	@import "./index.skeleton.wxss";
	```
	
	更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
	*/
.sk-transparent {
	color: transparent !important;
}
.sk-text-14-2857-59 {
	background-image: linear-gradient(transparent 14.2857%, #eeeeee 0%, #eeeeee 85.7143%, transparent 0%) !important;
	background-size: 100% 39.2rpx;
	position: relative !important;
}
.sk-text {
	background-origin: content-box !important;
	background-clip: content-box !important;
	background-color: transparent !important;
	color: transparent !important;
	background-repeat: repeat-y !important;
}
.sk-text-14-2857-160 {
	background-image: linear-gradient(transparent 14.2857%, #eeeeee 0%, #eeeeee 85.7143%, transparent 0%) !important;
	background-size: 100% 56rpx;
	position: relative !important;
}
.sk-text-0-0000-494 {
	background-image: linear-gradient(transparent 0%, #eeeeee 0%, #eeeeee 100%, transparent 0%) !important;
	background-size: 100% 28rpx;
	position: relative !important;
}
.sk-text-18-7500-351 {
	background-image: linear-gradient(transparent 18.75%, #eeeeee 0%, #eeeeee 81.25%, transparent 0%) !important;
	background-size: 100% 32rpx;
	position: relative !important;
}
.sk-text-14-2857-15 {
	background-image: linear-gradient(transparent 14.2857%, #eeeeee 0%, #eeeeee 85.7143%, transparent 0%) !important;
	background-size: 100% 28rpx;
	position: relative !important;
}
.sk-text-0-0000-428 {
	background-image: linear-gradient(transparent 0%, #eeeeee 0%, #eeeeee 100%, transparent 0%) !important;
	background-size: 100% 20rpx;
	position: relative !important;
}
.sk-text-0-0000-45 {
	background-image: linear-gradient(transparent 0%, #eeeeee 0%, #eeeeee 100%, transparent 0%) !important;
	background-size: 100% 28rpx;
	position: relative !important;
}
.sk-text-18-7500-403 {
	background-image: linear-gradient(transparent 18.75%, #eeeeee 0%, #eeeeee 81.25%, transparent 0%) !important;
	background-size: 100% 32rpx;
	position: relative !important;
}
.sk-text-14-2857-10 {
	background-image: linear-gradient(transparent 14.2857%, #eeeeee 0%, #eeeeee 85.7143%, transparent 0%) !important;
	background-size: 100% 28rpx;
	position: relative !important;
}
.sk-text-0-0000-910 {
	background-image: linear-gradient(transparent 0%, #eeeeee 0%, #eeeeee 100%, transparent 0%) !important;
	background-size: 100% 20rpx;
	position: relative !important;
}
.sk-text-0-0000-918 {
	background-image: linear-gradient(transparent 0%, #eeeeee 0%, #eeeeee 100%, transparent 0%) !important;
	background-size: 100% 28rpx;
	position: relative !important;
}
.sk-text-18-7500-801 {
	background-image: linear-gradient(transparent 18.75%, #eeeeee 0%, #eeeeee 81.25%, transparent 0%) !important;
	background-size: 100% 32rpx;
	position: relative !important;
}
.sk-text-14-2857-135 {
	background-image: linear-gradient(transparent 14.2857%, #eeeeee 0%, #eeeeee 85.7143%, transparent 0%) !important;
	background-size: 100% 56rpx;
	position: relative !important;
}
.sk-text-14-2857-16 {
	background-image: linear-gradient(transparent 14.2857%, #eeeeee 0%, #eeeeee 85.7143%, transparent 0%) !important;
	background-size: 100% 44.8rpx;
	position: relative !important;
}
.sk-text-14-2857-592 {
	background-image: linear-gradient(transparent 14.2857%, #eeeeee 0%, #eeeeee 85.7143%, transparent 0%) !important;
	background-size: 100% 44.8rpx;
	position: relative !important;
}
.sk-text-14-2857-156 {
	background-image: linear-gradient(transparent 14.2857%, #eeeeee 0%, #eeeeee 85.7143%, transparent 0%) !important;
	background-size: 100% 16.8rpx;
	position: relative !important;
}
.sk-text-14-2857-334 {
	background-image: linear-gradient(transparent 14.2857%, #eeeeee 0%, #eeeeee 85.7143%, transparent 0%) !important;
	background-size: 100% 28rpx;
	position: relative !important;
}
.sk-text-14-2857-545 {
	background-image: linear-gradient(transparent 14.2857%, #eeeeee 0%, #eeeeee 85.7143%, transparent 0%) !important;
	background-size: 100% 39.2rpx;
	position: relative !important;
}
.sk-text-14-2857-523 {
	background-image: linear-gradient(transparent 14.2857%, #eeeeee 0%, #eeeeee 85.7143%, transparent 0%) !important;
	background-size: 100% 33.6rpx;
	position: relative !important;
}
.sk-text-14-2857-700 {
	background-image: linear-gradient(transparent 14.2857%, #eeeeee 0%, #eeeeee 85.7143%, transparent 0%) !important;
	background-size: 100% 28rpx;
	position: relative !important;
}
.sk-text-14-2857-440 {
	background-image: linear-gradient(transparent 14.2857%, #eeeeee 0%, #eeeeee 85.7143%, transparent 0%) !important;
	background-size: 100% 28rpx;
	position: relative !important;
}
.sk-text-14-2857-913 {
	background-image: linear-gradient(transparent 14.2857%, #eeeeee 0%, #eeeeee 85.7143%, transparent 0%) !important;
	background-size: 100% 28rpx;
	position: relative !important;
}
.sk-text-14-2857-670 {
	background-image: linear-gradient(transparent 14.2857%, #eeeeee 0%, #eeeeee 85.7143%, transparent 0%) !important;
	background-size: 100% 28rpx;
	position: relative !important;
}
.sk-image {
	background: #efefef !important;
}
.sk-pseudo::before,
.sk-pseudo::after {
	background: #efefef !important;
	background-image: none !important;
	color: transparent !important;
	border-color: transparent !important;
}
.sk-pseudo-rect::before,
.sk-pseudo-rect::after {
	border-radius: 0 !important;
}
.sk-pseudo-circle::before,
.sk-pseudo-circle::after {
	border-radius: 50% !important;
}
.sk-container {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: transparent;
}
</style>
